<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>机构端</title>
        <script src="/Public/static/jquery-2.0.3.min.js"></script>
        <script src="/Public/static/layer/layer.js"></script>
        <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/style.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/page.css" />
        <script type="text/javascript" src="/Public/static/echarts.js"></script>
	</head>

	<body class="agency_box contentBox pos_rel dpflxr">
		<include file="head" />

		<!-- 2.垂直导航 -->
		<div class="navColumn">
			<a href="{:U('Mechanism/data_management')}" <if condition="$cur eq '客户统计'">class="navColumnItem actived dpflxr pos_rel"<else />class="navColumnItem  dpflxr pos_rel"</if> data-type='1'>
				<div class="lineColumn pos_abs"></div>
				<label for="">客户统计</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/statistical_data')}" <if condition="$cur eq '统计数据'">class="navColumnItem actived dpflxr pos_rel"<else />class="navColumnItem  dpflxr pos_rel"</if> data-type='2'>
				<div class="lineColumn pos_abs"></div>
				<label for="">统计数据</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/achievement')}" <if condition="$cur eq '业绩排名'">class="navColumnItem actived dpflxr pos_rel"<else />class="navColumnItem  dpflxr pos_rel"</if> data-type='3'>
				<div class="lineColumn pos_abs"></div>
				<label for="">业绩排名</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/conversion')}" <if condition="$cur eq '转化情况'">class="navColumnItem actived dpflxr pos_rel"<else />class="navColumnItem  dpflxr pos_rel"</if> data-type='1'>
				<div class="lineColumn pos_abs"></div>
				<label for="">转化情况</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/browse')}" <if condition="$cur eq '用户浏览统计'">class="navColumnItem actived dpflxr pos_rel"<else />class="navColumnItem  dpflxr pos_rel"</if> data-type='2'>
				<div class="lineColumn pos_abs"></div>
				<label for="">用户浏览统计</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/housing_statistics')}" <if condition="$cur eq '房源统计'">class="navColumnItem actived dpflxr pos_rel"<else />class="navColumnItem  dpflxr pos_rel"</if> data-type='3'>
				<div class="lineColumn pos_abs"></div>
				<label for="">房源统计</label>
				<div class="rightArrow">
				</div>
			</a>
			
		</div>


		
		<!-- 二 3.3 业绩排名  -->
		<div class="contentArea  ">
			<!-- 3.3.1 业绩排名 -->
			<div class="rankingBox">
				<div class="caTitleBox dpflxrjb">
					<div class="switchTab dpflxr">
						<div <if condition="$aa eq 1">class="switchItem dpflxc actived"<else />class="switchItem dpflxc"</if> onclick="aa(1)">
							<label for="">信息转上访</label>
							<div class="tabLine"></div>
						</div>
						<div <if condition="$aa eq 2">class="switchItem dpflxc actived"<else />class="switchItem dpflxc"</if> onclick="aa(2)">
							<label for="">上访转认筹</label>
							<div class="tabLine"></div>
						</div>
						<div <if condition="$aa eq 3">class="switchItem dpflxc actived"<else />class="switchItem dpflxc"</if> onclick="aa(3)">
							<label for="">上访转认购</label>
							<div class="tabLine"></div>
						</div>
						<div <if condition="$aa eq 4">class="switchItem dpflxc actived"<else />class="switchItem dpflxc"</if> onclick="aa(4)">
							<label for="">认筹转认购</label>
							<div class="tabLine"></div>
						</div>
						<div <if condition="$aa eq 5">class="switchItem dpflxc actived"<else />class="switchItem dpflxc"</if> onclick="aa(5)">
							<label for="">认购转签约</label>
							<div class="tabLine"></div>
						</div>
						
						
					</div>
					<div class="dpflxr hWrapper">
						<!-- <form action="" method="POST" class="headItem  dpflxr"> -->
<!-- 							<div class="headItem  dpflxr">
								<select name="floor_id" id="ff" class="selectBox">
									<volist name="floor_list" id="item">
										<option value="{$item['id']}" <if condition="$item['id'] eq $floor_id">selected</if>>{$item['name']}</option>
									</volist>
								</select>
							</div> -->
							<input type="hidden" id="ab" value="{$aa}">
							<div class="caBtn searchBtn" id="gg">查询</div>
						<!-- </form> -->
					</div>
				</div>
			
				<div class="dataChart">
						<div class="dcTitle dpflxrjb">
							<label>图表统计</label>
							<div class="dpflxr">
								<label onclick="bb(1)" <if condition="$bb eq 1">class="actived btn"<else />class="btn"</if>>按日</label>
								<label onclick="bb(2)" <if condition="$bb eq 2">class="actived btn"<else />class="btn"</if>>按月</label>
							</div>
						</div>
						<div class="dcChart">
<!-- 							<div class="image">
								<img src="img/img_dataChart.png" >
							</div> -->
							<div id="line" style="height: 100%;width:80%;float: left;"></div>
						</div>
					</div>
					
				<div class="cutomerList">
					<div class="caTitleBox dpflxr">
						<label for="" class="caTitle">排名统计</label>						
					</div>
					<!-- 排名统计 -->				
					<div class="caTable card">
						<table border="0" width="100%">
									<tbody>
										<tr>
											<th scope="col" width="20%" style="border-top-left-radius: 6px;">排名</th>
											<th scope="col" width="20%">姓名</th>											
											<th scope="col" width="20%">认购</th>										
											<th scope="col" width="20%">签约</th>										
											<th scope="col" width="20%" style="border-top-right-radius: 6px;box-sizing: border-box;" >认购转签约</th>
										</tr>
										<volist name="list" id="item">
										<tr>
											<td>1</td>
											<td>林珊珊</td>																							
											<td>10</td>								
											<td>10</td>								
											<td >100%</td>						
										</tr>
										</volist>
									</tbody>
							</table>
					</div>
					<div class="page">
						{$_page}
					</div>				
				</div>
			</div>	
		</div>
		
		
	
	</body>
</html>
<script type="text/javascript">
var ab={$bb};
var floor_id="{$floor_id}";
 function aa(a){
 	// var floor_id=$("#ff").val();
	var url = "{:U('Home/Mechanism/conversion')}";
    url = url+"&status="+a+"&floor_id="+floor_id+"&type="+ab;
    location.href = url;
 }
 $("#gg").click(function(){
 	// var floor_id=$("#ff").val();
 	var a=$("#ab").val();
	var url = "{:U('Home/Mechanism/conversion')}";
    url = url+"&status="+a+"&floor_id="+floor_id+"&type="+ab;
    location.href = url;
 })

 function bb(a){
 	// var floor_id=$("#ff").val();
 	var status=$("#ab").val();
	var url = "{:U('Home/Mechanism/conversion')}";
    url = url+"&type="+a+"&floor_id="+floor_id+"&status="+status;
    location.href = url;
 }


	var dom = document.getElementById("line");
    var myChart = echarts.init(dom);
    var app = {};
    //数据
    // var line_time = "1,2,3,4,5,6,7,8,9,10,11,12";//日期
    // line_time = line_time.split(',');
    // var ccc = "1,2,3,4,5,6,7,8,9,10,11,12";//跟进对象
    // ccc = ccc.split(',');
    var line_time = "{$line_time}";//日期
    line_time = line_time.split(',');
    var ccc = "{$bbb}";//跟进对象
    ccc = ccc.split(',');
    option = null;
 	option = {
    color: ['#3398DB'],
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            data: line_time,
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis: [
        {
            type: 'value'
        }
    ],
    series: [
        {
            name: '直接访问',
            type: 'bar',
            barWidth: '60%',
            data: ccc
        }
    ]
};
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>